# Omada Kiosk App - Executável Windows

## Descrição
Aplicação kiosk da TP-Link Omada otimizada para telas 9x16 (portrait) em modo fullscreen.

## Características
- **Modo Kiosk Completo**: Aplicação abre em tela cheia sem bordas ou menus
- **Otimizado para 9x16**: Interface adaptada para telas portrait (1080x1920, 2160x3840, etc.)
- **Touch Friendly**: Botões e textos aumentados para interação touch
- **Prevenção de Saída**: Usuário não pode sair facilmente da aplicação
- **Auto-focus**: Aplicação sempre mantém o foco

## Como Usar

### 1. Executar em Modo Desenvolvimento
```bash
# Instalar dependências
npm install

# Executar aplicação
npm start
```

Ou use o arquivo batch:
```
electron-start.bat
```

### 2. Gerar Executável
```bash
# Gerar executável para Windows
npm run build-win
```

Ou use o arquivo batch:
```
build-executable.bat
```

O executável será gerado na pasta `dist/`.

### 3. Sair da Aplicação
Para sair da aplicação kiosk, use uma das seguintes combinações de teclas:

**Atalhos Principais:**
- **Ctrl + Alt + Q** (atalho principal)
- **Ctrl + Shift + Q** (alternativo)

**Atalhos Alternativos:**
- **ESC ESC** (pressione ESC duas vezes rapidamente)
- **F10 F10** (pressione F10 duas vezes rapidamente)

**Nota:** O atalho Alt+F4 pode não funcionar em modo kiosk devido às restrições do Windows.

## Configurações de Tela

### Telas Suportadas
- **HD Portrait**: 720x1280
- **Full HD Portrait**: 1080x1920  
- **4K Portrait**: 2160x3840

### Otimizações para Kiosk
- Botões mínimos de 100px
- Textos 20% maiores que a versão web
- Espaçamento aumentado para 40px
- Elementos touch com área mínima de 100px

## Estrutura de Arquivos
```
├── main.js              # Arquivo principal do Electron
├── package.json         # Configurações do projeto
├── electron-start.bat   # Script para executar
├── build-executable.bat # Script para gerar executável
├── index.html          # Interface da aplicação
├── css/styles.css      # Estilos otimizados para kiosk
└── js/                 # Scripts da aplicação
```

## Configurações Avançadas

### Personalizar Resolução
Edite o arquivo `main.js` para ajustar configurações específicas:

```javascript
// Forçar resolução específica
mainWindow = new BrowserWindow({
  width: 1080,  // Largura desejada
  height: 1920, // Altura desejada
  // ... outras configurações
});
```

### Desabilitar Kiosk Mode
Para testar sem kiosk mode, comente a linha no `main.js`:
```javascript
// kiosk: true,  // Comentar esta linha
```

## Troubleshooting

### Aplicação não abre em fullscreen
- Verifique se não há outras janelas do Chrome abertas
- Reinicie o computador se necessário

### Não consegue sair da aplicação
- Use **Ctrl + Alt + Q**
- Se não funcionar, reinicie o computador

### Texto muito pequeno/grande
- Ajuste as variáveis CSS em `:root` no arquivo `styles.css`
- Modifique `--kiosk-text-scale` para aumentar/diminuir textos

## Suporte
Para suporte técnico, consulte a documentação do projeto principal.